|
|
@@ -1,6 +1,11 @@ |
|
|
|
<template> |
|
|
|
<InputsArea class="opc-view" title="OPC UA"> |
|
|
|
opc view |
|
|
|
<InputsArea class="opc-view" title="OPC UA" style="padding: 20px 0"> |
|
|
|
<el-form ref="form" :model="dataForm" label-width="100px"> |
|
|
|
<el-form-item v-for="(conf, key) in dataForm" :key="conf.key" :label="key"> |
|
|
|
<el-input v-model="dataForm[key]" clearable></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<el-button type="primary" class="" style="float: right" @click="handleConnectOpc" :loading="btnLoading">连接</el-button> |
|
|
|
</InputsArea> |
|
|
|
</template> |
|
|
|
|
|
|
@@ -12,11 +17,47 @@ export default { |
|
|
|
components: { InputsArea }, |
|
|
|
props: {}, |
|
|
|
data() { |
|
|
|
return {}; |
|
|
|
return { |
|
|
|
dataForm: { |
|
|
|
ip: "10.196.10.131", |
|
|
|
messageMode: 1, |
|
|
|
plcName: "Siemens OPC UA Server for OpenPCS 7", |
|
|
|
policyConfig: "None", |
|
|
|
urlConfig: "opc.tcp://CQNSDCSOPC1:4863", |
|
|
|
userConfigs: "", |
|
|
|
}, |
|
|
|
btnLoading: false |
|
|
|
}; |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
btnLoading(val) { |
|
|
|
if (val) { |
|
|
|
document.body.style.cursor = 'progress' |
|
|
|
} else { |
|
|
|
document.body.style.cursor = 'unset' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleConnectOpc() { |
|
|
|
this.btnLoading = true |
|
|
|
const url = "/opcua/addThisPlc"; |
|
|
|
this.$http.post(url, { ...this.dataForm }, { |
|
|
|
headers: { |
|
|
|
token: '' |
|
|
|
} |
|
|
|
}).then(({ data: res }) => { |
|
|
|
this.btnLoading = false |
|
|
|
if (res.code !== 0) { |
|
|
|
this.$message({ |
|
|
|
message: res.msg, |
|
|
|
type: 'error', |
|
|
|
duration: 1500 |
|
|
|
}) |
|
|
|
} |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
created() {}, |
|
|
|
mounted() {}, |
|
|
|
methods: {}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|