From 054abe8ddf6a5ed24cefdb38f4175fb083fd79cd Mon Sep 17 00:00:00 2001
From: yyt <306727702@qq.com>
Date: 星期二, 23 一月 2024 08:25:33 +0800
Subject: [PATCH] 更新OPCUA
---
jcdm-ui/src/views/main/da/opcuaconfig/index.vue | 479 +++++++++++++++++++++++++++++------------------------------
1 files changed, 239 insertions(+), 240 deletions(-)
diff --git a/jcdm-ui/src/views/main/da/opcuaconfig/index.vue b/jcdm-ui/src/views/main/da/opcuaconfig/index.vue
index 6be8c27..228e2ed 100644
--- a/jcdm-ui/src/views/main/da/opcuaconfig/index.vue
+++ b/jcdm-ui/src/views/main/da/opcuaconfig/index.vue
@@ -1,206 +1,173 @@
<template>
<div class="app-container">
<el-card class="box-card">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
- <el-form-item label="鎵�灞炴ā鍧�" prop="module">
- <el-input
- v-model="queryParams.module"
- placeholder="璇疯緭鍏ユ墍灞炴ā鍧�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鑺傜偣" prop="node">
- <el-input
- v-model="queryParams.node"
- placeholder="璇疯緭鍏ヨ妭鐐�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="闀垮害" prop="length">
- <el-input
- v-model="queryParams.length"
- placeholder="璇疯緭鍏ラ暱搴�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="绫诲瀷" prop="sysTypes">
- <el-select v-model="queryParams.sysTypes" placeholder="璇烽�夋嫨绫诲瀷" clearable>
-<!-- <el-option-->
-<!-- v-for="dict in dict.type.${dictType}"-->
-<!-- :key="dict.value"-->
-<!-- :label="dict.label"-->
-<!-- :value="dict.value"-->
-<!-- />-->
- </el-select>
- </el-form-item>
- <el-form-item style="float: right">
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
- <el-button type="warning" icon="el-icon-copy-document" size="mini" @click="advancedQuery">楂樼骇鏌ヨ</el-button>
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- <el-form :model="queryParams" ref="queryParams" size="small" :inline="true" v-show="advancedShowSearch" label-width="68px">
- <el-form-item label="璁㈤槄鍝嶅簲妯″潡" prop="rModule">
- <el-input
- v-model="queryParams.rModule"
- placeholder="璇疯緭鍏ヨ闃呭搷搴旀ā鍧�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="璁㈤槄鍝嶅簲鍑芥暟" prop="rFunction">
- <el-input
- v-model="queryParams.rFunction"
- placeholder="璇疯緭鍏ヨ闃呭搷搴斿嚱鏁�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鍔熻兘璇存槑" prop="functionality">
- <el-input
- v-model="queryParams.functionality"
- placeholder="璇疯緭鍏ュ姛鑳借鏄�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="鏄惁璁㈤槄" prop="subscribe">
- <el-select v-model="queryParams.subscribe" placeholder="璇烽�夋嫨鏄惁璁㈤槄" clearable>
- <!-- <el-option-->
- <!-- v-for="dict in dict.type.${dictType}"-->
- <!-- :key="dict.value"-->
- <!-- :label="dict.label"-->
- <!-- :value="dict.value"-->
- <!-- />-->
- </el-select>
- </el-form-item>
- </el-form>
+ <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+ <el-form-item label="鑺傜偣" prop="node">
+ <el-input
+ v-model="queryParams.node"
+ placeholder="璇疯緭鍏ヨ妭鐐�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="璁㈤槄绫诲瀷" prop="rFunction">
+ <el-select v-model="queryParams.rFunction" placeholder="璇烽�夋嫨璁㈤槄绫诲瀷" clearable>
+ <el-option
+ v-for="dict in dict.type.subscription_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item label="宸ュ簭缂栫爜" prop="process">
+ <el-select v-model="queryParams.process" placeholder="璇烽�夋嫨宸ュ簭缂栫爜" clearable>
+<!-- <el-option-->
+<!-- v-for="dict in dict.type.${dictType}"-->
+<!-- :key="dict.value"-->
+<!-- :label="dict.label"-->
+<!-- :value="dict.value"-->
+<!-- />-->
+ </el-select>
+ </el-form-item>
+ <el-form-item label="宸ュ簭鍚嶇О" prop="processName">
+ <el-input
+ v-model="queryParams.processName"
+ placeholder="璇疯緭鍏ュ伐搴忓悕绉�"
+ clearable
+ @keyup.enter.native="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鐘舵��" prop="state">
+ <el-select v-model="queryParams.state" placeholder="璇烽�夋嫨鐘舵��" clearable>
+ <el-option
+ v-for="dict in dict.type.sys_normal_disable"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ />
+ </el-select>
+ </el-form-item>
+ <el-form-item style="float: right">
+ <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
+ </el-form-item>
+ </el-form>
</el-card>
<el-card style="margin-top: 10px" class="box-card">
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button
- type="primary"
- plain
- icon="el-icon-plus"
- size="mini"
- @click="handleAdd"
- v-hasPermi="['da:opcuaconfig:add']"
- >鏂板</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="success"
- plain
- icon="el-icon-edit"
- size="mini"
- :disabled="single"
- @click="handleUpdate"
- v-hasPermi="['da:opcuaconfig:edit']"
- >淇敼</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="danger"
- plain
- icon="el-icon-delete"
- size="mini"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['da:opcuaconfig:remove']"
- >鍒犻櫎</el-button>
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['da:opcuaconfig:export']"
- >瀵煎嚭</el-button>
- </el-col>
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
- </el-row>
+ <el-row :gutter="10" class="mb8">
+ <el-col :span="1.5">
+ <el-button
+ type="primary"
+ plain
+ icon="el-icon-plus"
+ size="mini"
+ @click="handleAdd"
+ v-hasPermi="['main:opcuaconfig:add']"
+ >鏂板</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="el-icon-edit"
+ size="mini"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['main:opcuaconfig:edit']"
+ >淇敼</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="el-icon-delete"
+ size="mini"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['main:opcuaconfig:remove']"
+ >鍒犻櫎</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="warning"
+ plain
+ icon="el-icon-download"
+ size="mini"
+ @click="handleExport"
+ v-hasPermi="['main:opcuaconfig:export']"
+ >瀵煎嚭</el-button>
+ </el-col>
+ <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
- <el-table v-loading="loading" border :data="opcuaconfigList" @selection-change="handleSelectionChange" v-if="opcuaconfigList.length > 0">
- <el-table-column type="selection" width="55" align="center" />
-<!-- <el-table-column label="ID" align="center" prop="id" />-->
- <el-table-column label="鎵�灞炴ā鍧�" align="center" prop="module">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.module"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="鑺傜偣" align="center" prop="node">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.node"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="闀垮害" align="center" prop="length">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.length"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="绫诲瀷" align="center" prop="sysTypes">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.sysTypes"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="鍔熻兘璇存槑" align="center" prop="functionality">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.functionality"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="鏄惁璁㈤槄" align="center" prop="subscribe">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.subscribe"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="璁㈤槄鍝嶅簲妯″潡" align="center" prop="rModule">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.rModule"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="璁㈤槄鍝嶅簲鍑芥暟" align="center" prop="rFunction">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.rFunction"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column label="澶囨敞" align="center" prop="remarks">
-<!-- <template slot-scope="scope">-->
-<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.remarks"/>-->
-<!-- </template>-->
- </el-table-column>
- <el-table-column fixed="right" label="鎿嶄綔" width="200" align="center" class-name="small-padding fixed-width">
- <template slot-scope="scope">
- <el-button
- size="mini"
- type="success"
- plain
- style="width: 72px"
- icon="el-icon-edit"
- @click="handleUpdate(scope.row)"
- v-hasPermi="['da:opcuaconfig:edit']"
- >淇敼</el-button>
- <el-button
- size="mini"
- type="danger"
- plain
- style="width: 72px"
- icon="el-icon-delete"
- @click="handleDelete(scope.row)"
- v-hasPermi="['da:opcuaconfig:remove']"
- >鍒犻櫎</el-button>
- </template>
- </el-table-column>
- </el-table>
- <el-empty v-else>
- <span slot="description">鏆傛棤鏁版嵁</span>
- </el-empty>
+ <el-table border v-loading="loading" :data="opcuaconfigList" @selection-change="handleSelectionChange">
+ <el-table-column type="selection" width="55" align="center" />
+<!-- <el-table-column label="ID" align="center" prop="id" />-->
+ <el-table-column label="宸ュ簭缂栫爜" align="center" prop="process">
+ <!-- <template slot-scope="scope">-->
+ <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.process"/>-->
+ <!-- </template>-->
+ </el-table-column>
+ <el-table-column label="宸ュ簭鍚嶇О" align="center" prop="processName">
+ <!-- <template slot-scope="scope">-->
+ <!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.processName"/>-->
+ <!-- </template>-->
+ </el-table-column>
+ <el-table-column label="鑺傜偣" align="center" prop="node">
+<!-- <template slot-scope="scope">-->
+<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.node"/>-->
+<!-- </template>-->
+ </el-table-column>
+ <el-table-column label="鏁版嵁绫诲瀷" align="center" prop="sysTypes">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.data_type" :value="scope.row.sysTypes"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="鏄惁璁㈤槄" align="center" prop="subscribe">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.subscribe"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="璁㈤槄绫诲瀷" align="center" prop="rFunction">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.subscription_type" :value="scope.row.rFunction"/>
+ </template>
+ </el-table-column>
+ <el-table-column label="澶囨敞" align="center" prop="remarks">
+<!-- <template slot-scope="scope">-->
+<!-- <dict-tag :options="dict.type.${column.dictType}" :value="scope.row.remarks"/>-->
+<!-- </template>-->
+ </el-table-column>
+ <el-table-column label="鐘舵��" align="center" prop="state">
+ <template slot-scope="scope">
+ <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.state"/>
+ </template>
+ </el-table-column>
+ <el-table-column fixed="right" width="200" label="鎿嶄綔" align="center" class-name="small-padding fixed-width">
+ <template slot-scope="scope">
+ <el-button
+ size="mini"
+ type="success"
+ plain
+ style="width: 72px"
+ icon="el-icon-edit"
+ @click="handleUpdate(scope.row)"
+ v-hasPermi="['da:opcuaconfig:edit']"
+ >淇敼</el-button>
+ <el-button
+ size="mini"
+ type="danger"
+ plain
+ style="width: 72px"
+ icon="el-icon-delete"
+ @click="handleDelete(scope.row)"
+ v-hasPermi="['main:opcuaconfig:remove']"
+ >鍒犻櫎</el-button>
+ </template>
+ </el-table-column>
+ </el-table>
</el-card>
<pagination
@@ -211,49 +178,70 @@
@pagination="getList"
/>
- <!-- 娣诲姞鎴栦慨鏀筄PCUA鍙傛暟璁剧疆瀵硅瘽妗� -->
+ <!-- 娣诲姞鎴栦慨鏀逛氦浜掍俊鍙烽厤缃璇濇 -->
<el-dialog v-dialogpop-up :title="title" :visible.sync="open" width="500px" append-to-body>
+ <span slot="title">
+ <i class="el-icon-s-order"></i>
+ {{titleName}}
+ </span>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
- <el-form-item label="鎵�灞炴ā鍧�" prop="module">
- <el-input v-model="form.module" placeholder="璇疯緭鍏ユ墍灞炴ā鍧�" />
- </el-form-item>
<el-form-item label="鑺傜偣" prop="node">
<el-input v-model="form.node" placeholder="璇疯緭鍏ヨ妭鐐�" />
</el-form-item>
- <el-form-item label="闀垮害" prop="length">
- <el-input v-model="form.length" placeholder="璇疯緭鍏ラ暱搴�" />
- </el-form-item>
- <el-form-item label="绫诲瀷" prop="sysTypes">
- <el-select v-model="form.sysTypes" placeholder="璇烽�夋嫨绫诲瀷">
-<!-- <el-option-->
-<!-- v-for="dict in dict.type.${dictType}"-->
-<!-- :key="dict.value"-->
-<!-- :label="dict.label"-->
-<!-- :value="dict.value"-->
-<!-- ></el-option>-->
+ <el-form-item label="鏁版嵁绫诲瀷" prop="sysTypes">
+ <el-select v-model="form.sysTypes" placeholder="璇烽�夋嫨鏁版嵁绫诲瀷">
+ <el-option
+ v-for="dict in dict.type.data_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
</el-select>
- </el-form-item>
- <el-form-item label="鍔熻兘璇存槑" prop="functionality">
- <el-input v-model="form.functionality" placeholder="璇疯緭鍏ュ姛鑳借鏄�" />
</el-form-item>
<el-form-item label="鏄惁璁㈤槄" prop="subscribe">
<el-select v-model="form.subscribe" placeholder="璇烽�夋嫨鏄惁璁㈤槄">
-<!-- <el-option-->
-<!-- v-for="dict in dict.type.${dictType}"-->
-<!-- :key="dict.value"-->
-<!-- :label="dict.label"-->
-<!-- :value="parseInt(dict.value)"-->
-<!-- ></el-option>-->
+ <el-option
+ v-for="dict in dict.type.sys_yes_no"
+ :key="dict.value"
+ :label="dict.label"
+ :value="parseInt(dict.value)"
+ ></el-option>
</el-select>
</el-form-item>
- <el-form-item label="璁㈤槄鍝嶅簲妯″潡" prop="rModule">
- <el-input v-model="form.rModule" placeholder="璇疯緭鍏ヨ闃呭搷搴旀ā鍧�" />
- </el-form-item>
- <el-form-item label="璁㈤槄鍝嶅簲鍑芥暟" prop="rFunction">
- <el-input v-model="form.rFunction" placeholder="璇疯緭鍏ヨ闃呭搷搴斿嚱鏁�" />
+ <el-form-item label="璁㈤槄绫诲瀷" prop="rFunction">
+ <el-select v-model="form.rFunction" placeholder="璇烽�夋嫨璁㈤槄绫诲瀷">
+ <el-option
+ v-for="dict in dict.type.subscription_type"
+ :key="dict.value"
+ :label="dict.label"
+ :value="dict.value"
+ ></el-option>
+ </el-select>
</el-form-item>
<el-form-item label="澶囨敞" prop="remarks">
<el-input v-model="form.remarks" placeholder="璇疯緭鍏ュ娉�" />
+ </el-form-item>
+ <el-form-item label="宸ュ簭缂栫爜" prop="process">
+ <el-radio-group v-model="form.process">
+<!-- <el-radio-->
+<!-- v-for="dict in dict.type.${dictType}"-->
+<!-- :key="dict.value"-->
+<!-- :label="dict.value"-->
+<!-- >{{dict.label}}</el-radio>-->
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="宸ュ簭鍚嶇О" prop="processName">
+ <el-input v-model="form.processName" placeholder="璇疯緭鍏ュ伐搴忓悕绉�" />
+ </el-form-item>
+ <el-form-item label="鐘舵��" prop="state">
+ <el-select v-model="form.state" placeholder="璇烽�夋嫨鐘舵��">
+ <el-option
+ v-for="dict in dict.type.sys_normal_disable"
+ :key="dict.value"
+ :label="dict.label"
+ :value="parseInt(dict.value)"
+ ></el-option>
+ </el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
@@ -269,10 +257,12 @@
export default {
name: "Opcuaconfig",
+ dicts: ['subscription_type', 'sys_yes_no', 'sys_normal_disable', 'data_type'],
data() {
return {
// 閬僵灞�
loading: true,
+ titleName: "",
// 閫変腑鏁扮粍
ids: [],
// 闈炲崟涓鐢�
@@ -283,9 +273,8 @@
showSearch: true,
// 鎬绘潯鏁�
total: 0,
- // OPCUA鍙傛暟璁剧疆琛ㄦ牸鏁版嵁
+ // 浜や簰淇″彿閰嶇疆琛ㄦ牸鏁版嵁
opcuaconfigList: [],
- advancedShowSearch: false,
// 寮瑰嚭灞傛爣棰�
title: "",
// 鏄惁鏄剧ず寮瑰嚭灞�
@@ -294,14 +283,12 @@
queryParams: {
pageNum: 1,
pageSize: 10,
- module: null,
node: null,
- length: null,
sysTypes: null,
- functionality: null,
- subscribe: null,
- rModule: null,
rFunction: null,
+ process: null,
+ processName: null,
+ state: null
},
// 琛ㄥ崟鍙傛暟
form: {},
@@ -310,6 +297,18 @@
id: [
{ required: true, message: "ID涓嶈兘涓虹┖", trigger: "blur" }
],
+ node: [
+ { required: true, message: "鑺傜偣涓嶈兘涓虹┖", trigger: "blur" }
+ ],
+ sysTypes: [
+ { required: true, message: "鏁版嵁绫诲瀷涓嶈兘涓虹┖", trigger: "change" }
+ ],
+ subscribe: [
+ { required: true, message: "鏄惁璁㈤槄涓嶈兘涓虹┖", trigger: "change" }
+ ],
+ rFunction: [
+ { required: true, message: "璁㈤槄绫诲瀷涓嶈兘涓虹┖", trigger: "change" }
+ ],
}
};
},
@@ -317,10 +316,7 @@
this.getList();
},
methods: {
- advancedQuery(){
- this.advancedShowSearch = (this.advancedShowSearch) ? this.advancedShowSearch = false : this.advancedShowSearch = true;
- },
- /** 鏌ヨOPCUA鍙傛暟璁剧疆鍒楄〃 */
+ /** 鏌ヨ浜や簰淇″彿閰嶇疆鍒楄〃 */
getList() {
this.loading = true;
listOpcuaconfig(this.queryParams).then(response => {
@@ -346,7 +342,10 @@
subscribe: null,
rModule: null,
rFunction: null,
- remarks: null
+ remarks: null,
+ process: null,
+ processName: null,
+ state: null
};
this.resetForm("form");
},
@@ -370,7 +369,7 @@
handleAdd() {
this.reset();
this.open = true;
- this.title = "娣诲姞OPCUA鍙傛暟璁剧疆";
+ this.titleName = "娣诲姞浜や簰淇″彿閰嶇疆";
},
/** 淇敼鎸夐挳鎿嶄綔 */
handleUpdate(row) {
@@ -379,7 +378,7 @@
getOpcuaconfig(id).then(response => {
this.form = response.data;
this.open = true;
- this.title = "淇敼OPCUA鍙傛暟璁剧疆";
+ this.titleName = "淇敼浜や簰淇″彿閰嶇疆";
});
},
/** 鎻愪氦鎸夐挳 */
@@ -405,7 +404,7 @@
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
handleDelete(row) {
const ids = row.id || this.ids;
- this.$modal.confirm('鏄惁纭鍒犻櫎OPCUA鍙傛暟璁剧疆缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
+ this.$modal.confirm('鏄惁纭鍒犻櫎浜や簰淇″彿閰嶇疆缂栧彿涓�"' + ids + '"鐨勬暟鎹」锛�').then(function() {
return delOpcuaconfig(ids);
}).then(() => {
this.getList();
--
Gitblit v1.9.3