|
|
|
@ -1,62 +1,62 @@ |
|
|
|
<template> |
|
|
|
<el-form label-position="top" :model="data" ref="networkForm"> |
|
|
|
<el-form ref="networkForm" :model="data" label-position="top"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="上报IP1地址" prop="ip1"> |
|
|
|
<el-input v-model="data.ip1"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="上报端口号1" prop="port1"> |
|
|
|
<el-input v-model="data.port1"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="上报IP2地址" prop="ip2"> |
|
|
|
<el-input v-model="data.ip2"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="上报端口号2" prop="port2"> |
|
|
|
<el-input v-model="data.port2"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="上报IP3地址" prop="ip3"> |
|
|
|
<el-input v-model="data.ip3"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="上报端口号3" prop="port3"> |
|
|
|
<el-input v-model="data.port3"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="备用ip地址" prop="ipBackup"> |
|
|
|
<el-input v-model="data.ipBackup"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="备用端口号" prop="portBackup"> |
|
|
|
<el-input v-model="data.portBackup"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="用户名" prop="account"> |
|
|
|
<el-input v-model="data.account"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="密码" prop="password"> |
|
|
|
<el-input v-model="data.password"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12" :xs="24" :md="12" :lg="8" :xl="6"> |
|
|
|
<el-col :lg="8" :md="12" :span="12" :xl="6" :xs="24"> |
|
|
|
<el-form-item label="APN" prop="apn"> |
|
|
|
<el-input v-model="data.apn"></el-input> |
|
|
|
</el-form-item> |
|
|
|
@ -76,10 +76,10 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import { computed, ref, watch, defineEmits, defineProps } from 'vue'; |
|
|
|
import { computed, defineEmits, defineProps, ref, watch } from 'vue'; |
|
|
|
import { useStore } from 'vuex'; |
|
|
|
import { ElMessage } from 'element-plus'; |
|
|
|
import { getConfigNetwork, createConfigNetwork } from 'apis/index'; |
|
|
|
import { createConfigNetwork, getConfigNetwork } from 'apis'; |
|
|
|
import Refresh from 'components/refresh.vue'; |
|
|
|
import { networkConfig } from '@/config/config'; |
|
|
|
|
|
|
|
@ -97,7 +97,10 @@ const props = defineProps({ activeName: String }); |
|
|
|
*/ |
|
|
|
async function onSearch(deviceId, type = 0) { |
|
|
|
try { |
|
|
|
const params = { deviceId, type }; |
|
|
|
const params = { |
|
|
|
deviceId, |
|
|
|
type, |
|
|
|
}; |
|
|
|
const resData = await getConfigNetwork(params); |
|
|
|
data.value = resData || networkConfig; |
|
|
|
if (resData && resData.status) { |
|
|
|
@ -121,7 +124,10 @@ watch( |
|
|
|
// 提交表单 |
|
|
|
const onSubmit = () => { |
|
|
|
networkForm.value.validate(async () => { |
|
|
|
const param = { ...data.value, deviceId: currentDeviceId.value }; |
|
|
|
const param = { |
|
|
|
...data.value, |
|
|
|
deviceId: currentDeviceId.value, |
|
|
|
}; |
|
|
|
try { |
|
|
|
await createConfigNetwork(param); |
|
|
|
ElMessage.success('提交成功'); |
