Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

设备登记通讯协议改为大写

Browse Source
This commit is contained in:
zhujiyan
2024-09-30 11:33:19 +08:00
parent 5befa69299
commit 4d6a042a6e
1 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/govern/manage/factory.vue
View File

@@ -19,7 +19,12 @@
</el-select>
</el-form-item>
<el-form-item label="设备型号">
<el-select v-model="tableStore.table.params.devModel" filterable clearable placeholder="请选择设备型号">
<el-select
v-model="tableStore.table.params.devModel"
filterable
clearable
placeholder="请选择设备型号"
>
<el-option
v-for="item in devModelOptionsFilter"
:key="item.value"
@@ -30,8 +35,8 @@
</el-form-item>
<el-form-item label="通讯协议">
<el-select v-model="tableStore.table.params.devAccessMethod" clearable placeholder="请选择通讯协议">
<el-option label="MQTT" value="mqtt"></el-option>
<el-option label="CLD" value="cloud"></el-option>
<el-option label="MQTT" value="MQTT"></el-option>
<el-option label="CLD" value="CLD"></el-option>
</el-select>
</el-form-item>
<el-form-item label="状态">
@@ -71,7 +76,7 @@
width="40%"
>
<el-form :model="form" label-width="120px" :rules="rules" ref="ruleFormRef" class="form-two">
<el-form-item label="设备名称:" prop="name" >
<el-form-item label="设备名称:" prop="name">
<el-input
v-model="form.name"
autocomplete="off"
@@ -104,8 +109,8 @@
</el-form-item>
<el-form-item label="通讯协议:" prop="devAccessMethod" class="top">
<el-select v-model="form.devAccessMethod" placeholder="请选择" clearable>
<el-option label="MQTT" value="mqtt"></el-option>
<el-option label="CLD" value="cloud"></el-option>
<el-option label="MQTT" value="MQTT"></el-option>
<el-option label="CLD" value="CLD"></el-option>
</el-select>
</el-form-item>
@@ -154,7 +159,7 @@ const deivce: any = ref({})
const ruleFormRef = ref()
const form = reactive({
cntractNo: '',
devAccessMethod: 'mqtt',
devAccessMethod: 'MQTT',
devModel: '',
devType: '',
name: '',
@@ -173,7 +178,8 @@ const dialogTitle = ref('新增设备')
const loading = ref<boolean>(false)
const devModelOptions: any = ref([])
queryByCode('Device_Type').then(res => {
queryCsDictTree(res.data.id).then(res => {
const id = res.data.id
queryCsDictTree(id).then(res => {
devTypeOptions.value = res.data.map((item: any) => {
return {
value: item.id,
@@ -182,8 +188,13 @@ queryByCode('Device_Type').then(res => {
}
})
})
queryByid(res.data.id).then(res => {
devModelOptions.value = res.data.map((item: any) => {
queryByid(id).then(res => {
res.data.map((item: any, index: any) => {
if (item.pid == id) {
res.data.splice(index, 1)
}
})
devModelOptions.value = res.data.map((item: any, index: any) => {
return {
value: item.id,
label: item.name,
@@ -234,7 +245,7 @@ const tableStore = new TableStore({
title: '通讯协议',
field: 'devAccessMethod',
formatter: row => {
return row.cellValue === 'MQTT' ? 'MQTT' : row.cellValue === 'cloud' ? 'CLD' : row.cellValue
return row.cellValue === 'MQTT' ? 'MQTT' : row.cellValue === 'CLD' ? 'CLD' : row.cellValue
}
},
{ title: '录入时间', field: 'createTime' },
@@ -512,10 +523,10 @@ const tableStore = new TableStore({
}
})
tableStore.table.params.orderBy = 'desc'
tableStore.table.params.devType=''
tableStore.table.params.devModel=''
tableStore.table.params.devAccessMethod=''
tableStore.table.params.status=''
tableStore.table.params.devType = ''
tableStore.table.params.devModel = ''
tableStore.table.params.devAccessMethod = ''
tableStore.table.params.status = ''
// 设备类型
const devTypeChange = (e: any) => {
@@ -591,7 +602,7 @@ const resetForm = () => {
// 模拟待编辑数据
let user = {
cntractNo: '',
devAccessMethod: 'mqtt',
devAccessMethod: 'MQTT',
devModel: '',
devType: '',
name: '',